Lesson (1) 





Microsoft 

Expression 
strategy © Web Date : 
Brainstorming "3 interface class : 
Cooperative Education \ Period: 


By the end of the lesson the student will be able to: 
¢ Remember the meaning of internet and web page. 
e Define the tools with which a web page can 

be created. 


* Download and try Expression Web. 


Take the students to the computer room and divide them into small groups Each 
group answers the following questions: 


1- What is the meaning of the internet? 
2- What is a web page? 


After completing the discussion of the previous questions:| am using the Data 
show to display the opening screen of a program MS-Expression web 


MS- Expression web 
Steps to run the program: 
. Open the Start menu. 
. Choose All Programs. 
. Then choose a program 
MS- Expression web . 
Expression Web opening window: 
1. The title bar. 
Tool Bars . 
2. Folder List 
Properties. 
3. Tool Box. 
Find task pane 









































Evaluation: What are the components of the opening screen of MS-Expression web? 
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By the end of the lesson the student will be able to: 


¢ Know the steps for creating a new website. 
e Coordinate phrases and images through design. 


e Save the web page after modifications. 


Taking the students to the computer room and dividing them into small 
groups: I use the Data Show device to display the opening screen of the 
Expression Web program, showing the steps for creating a new website 
and ask the students to implement this in practice on the devices 


Steps to create a new website 
1 Open the File menu. 
2 Choose the New command. 
3 A dialog box appears, choose the "website" tab. 
4 Choose "General". 
5 From the right pane, choose Empty website, then click 





Evaluation: What are the steps for creating a new website? 
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Add a new 
Date : 
strategy “ y web page Da ' 
Brainstorming "a : ass: 
Cooperative Education \ Period: 


Lesson objectives 


By the end of the lesson the student will be able to: 
« Add a new web page. 

e Save the new web page after modifications. 

e Browse the web page through the browser. 


Take the students to the computer room and divide them into 
small groups: 

e | am using the Data show to run a program MS-Expression 
web. 

e Then I show the steps to add a new web page 

¢ Then ask the students to implement this in practice on the 
devices. 


xU —_——— 
Steps to add anew web page [k] 
1- Open the File menu. awe WI 
2- Choose the New command. (Š om- ao | wose.. 
3- A dialog box appears, choose the "Page" tab. 
4- Choose "General". 
5- From the right pane, choose HTML, then click OK. 


Steps to save the page: 

1 - Open the file menu 

2- Choose the save command 
or the shortcut crtl + s 

3 - Type an appropriate name for the 
page and press the save button 


Evaluation: Mention the steps to add a new web page within 
the site? 
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How to 
strategy create Date 


Brainstorming `" é hyperlinks Class : 
Cooperative Education \ Period: 
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By the end of the lesson the student will be able to: 
¢ differentiate between types of hyperlinks. 

e Create a hyperlink correctly. 

e Create a hyperlink works between the phrase 
“downloading a file" and a previously saved file. 


— 


Take the students to the computer room and divide them into small 
groups: 

¢ 1am using the Data show to run a program MS-Expression web 

e Then I show the steps to create a hyperlink 

e Then ask the students to implement this in practice on the devices 


Hyperlink N 
It is a text or image that when clicked with the mouse takes you to another place 
within the page or takes you to another page or opens a specific file. 
Hyperlinking steps: 

1- Go to the place you want to go to when you click on the link 

2- Open the Insert menu and choose the "Book Mark" command 

3- A dialog box appears. Type the word you want to make as a bookmark in the 
Bookmark Name field, then click OK. 

4- Go to the place where you want to create the link and then type the word 
bookmark you wrote above. 5 

5- Select the bookmark word p 

6- Open the Insert menu and choose the Hyper Link . — 
command A: Paste 


7- A dialog box appears, choose Place in this document (to Eolow Hyperink 
inform the program that you want to move on the same ‘Open Page in New Window 
page). T Manage Edtable Regions... 
8- Click on the name of the bookmark you created. Then 

click the OK button 

You can also right-click on the text or image, choose a 

hyperlink, and then choose or write the desired path 


Evaluation: What are the steps for creating a hyperlink? 
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How to insert 


y a table Pete : 
j Class: 
\ Period: 


strategy 
Dialogue & discussion & 
Cooperative Education 


La 
By the end of the lesson the student will be able to: 
* Open the table menu correctly. 

e Insert a table. 

e save the table and presents it to his colleagues. 


Take the students to the computer room and divide them into 
small groups: 

+ | am using the Data show to run a program MS-Expression web Show the steps 
for inserting a table into a web page. 

e Then ask the students to implement it in practice on the devices. 


Tables — VEE 


Tables are used as a means of organizing information in a 
coordinated and integrated form. 


Steps to insert a table: Se ee a TD 
1- Move to the place where maga ETERNITY 
you want to insert a table. 

2- Open the Table menu. 

3- Choose the Insert Table 
command. 

4- A dialog box appears, from 
which you can select the 
number of rows and columns. 
5- Click the OK button. : a 


ook sO Sye ikaer: Manal LTO Sand SAAE LLDT C2 



























































Evaluation: How is a table inserted into a web page? 
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By the end of the lesson the student will be able to: 
¢ Write inside the table cells correctly. 
e formatting text inside the table cells. 
e Insert an image into the table cells. 


eo j 
Take the students to the computer room and divide them into small groups: I ask the 
following questions to the students by brainstorming with their discussion in the answer. 


e How to navigate inside the table cells? 
© What can be found inside the cells of a table? 
e Is it possible to insert an image into the cells of a table? 


Then ask the students Insert a table with 3 columns and 4 rows The first column writes the 
series.The second column is the names of the coins.The third column is pictures of coins. 


Edit table cells SOC —— 
e To add text to a table cell: 
e Click with the mouse pointer inside the cell and then type what you want. 


Add an image to a table cell: 

Click with your mouse pointer inside the cell and 
then 

1 - Open the "Insert" menu. 

2- Choose the "Picture" command. 

3- Then choose the From File command. 

4- A dialog box appears, from which you can choose 
the image you want. 

5- Click the Insert button. 

6- A dialog appears asking you to enter an alternative 
text that appears if the image does not appear. 

7- Enter the alternative text and click OK. 

To move between table cells, use the mouse pointer 
or the arrow keys. 


Evaluation: How do you insert an image into a table? 
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By the end of the lesson the student will be able to: 
e take notes on the dialog box that will appear after 
clicking the right mouse button. 
e Set the properties of the table cells. 
e Recognizes some commonly used button functions. 


Take the students to the computer room and divide them into 
small groups: | ask the following questions to the students by 
brainstorming with their discussion in the answer. 

¢ What does the word properties mean? 

e Can a table or cell have properties? 


Set table cell properties: 


1- Select the cell or cells whose 
properties you want to adjust. 
2- Right-click on it and select 
Cell Properties. 

3- A dialog box appears in 
which you can: 


Determining the size and color 
of the table fonts, and can 
specify the color for the 
background of the table. 





























Evaluation: How do you select a background color for a table? 
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By the end of the lesson the student will be able to: 
e Recognize the meaning of the database. 
« Create a table for the database. 
+ Work in a team spirit with his colleagues. 


The teacher divides the students into small groups Each group answers the 
questions in writing: 

1- What are the types of data? 

2- How to create a table inside a database? 

After the discussion is completed.The leader of each group reads what the group 
wrote to the rest of the students. The teacher corrects errors, if any. 


k 
Data : 


is Numbers, letters, symbols, or words 
that can be processed by a computer 
information: 

It is data that has been stored or 
processed to make the most of it 
Database: 

It is the collection of a large amount of 
data or information and presenting it in 
one or more ways that facilitate the use 
of it 

For example, a telephone directory that 
includes the names, addresses and 
telephone numbers of the residents of 
Damietta city can be considered a 
database 


Evaluation : (complete) the database is 





